$(function () {
    var gdpdata = {};
    // 监听存储变化
    // chrome.storage.onChanged.addListener(function (changes, namespace) {
    //     console.log('changes', changes);
    //     for (var key in changes) {
    //         var storageChange = changes[key];
    //         console.log('存储键“' + key + '”已从“' + storageChange.oldValue + '”更改为“' + storageChange.newValue + '”');
    //     }
    // });

    // popup页面加载时读取数据
    chrome.storage.local.get('gdpdata', function (data) {
        console.log(data);
        if (data.gdpdata) {
            gdpdata = data.gdpdata;
            updateShow();
        }
    });

    function updateShow() {
        $('.alert-country').html(Object.keys(gdpdata).join('、'));
        $('.textarea').val(JSON.stringify(gdpdata));
    }

    $(".bn-get").click(function () {
        // 发送消息给内容脚本
        chrome.tabs.query({active: true, currentWindow: true}, function (tabs) {
            chrome.tabs.sendMessage(tabs[0].id, {action: "getDOM"}, function (response) {
                // 接收内容脚本发送回来的网页内容
                // console.log(response.jsonData);
                var {title, data} = response.jsonData;
                gdpdata[title] = data;
                chrome.storage.local.set({gdpdata}, function () {
                    console.log('数据已保存');

                    updateShow();
                });
            });
        });
    });

    $('.btn-clear').click(function () {
        gdpdata = {};
        chrome.storage.local.set({gdpdata}, function () {
            console.log('数据已清空');

            updateShow();
        });
    });
});